<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Blandes - Blog Full Width</title>
<link rel="stylesheet" href="./css/layout.css" type="text/css" />
<link rel="stylesheet" href="./css/main.css" type="text/css" />
<link rel="stylesheet" href="./css/shortcodes.css" type="text/css" />
<link rel="stylesheet" href="./css/icons.css" type="text/css" />
<link rel="stylesheet" href="./css/flexslider.css" type="text/css" />
<link rel="stylesheet" href="./css/responsive.css" type="text/css" />
<script type="text/javascript" src="./js/jquery.js"></script>
</head>

<body class="responsive">
<!-- mobile menu Starts Here-->
<div id="mobile_navigation">
  <ul id="mobile_menu" class="mobile_menu">
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2597"><a href="#">Home</a>
      <ul class="sub-menu">
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2591"><a href="index.html">Homepage Layout 1</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2587"><a href="home_v2.html">Homepage Layout 2</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2588"><a href="home_v3.html">Homepage Layout 3</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2589"><a href="home_v4.html">Homepage Layout 4</a></li>
      </ul>
    </li>
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2596"><a href="#">Pages</a>
      <ul class="sub-menu">
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2592"><a href="about_us.html">About Us</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2594"><a href="services.html">Services</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2612"><a href="pricing_table.html">Pricing Table</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2611"><a href="contact_us.html">Contact Us</a></li>
      </ul>
    </li>
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2598"><a href="#">Blog</a>
      <ul class="sub-menu">
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2599"><a href="blog_grid.html">Blog Grid</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2753"><a href="blog_timeline.html">Blog timeline</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2600"><a href="blog_standard.html">Blog Standard</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2615"><a href="blog_full_width.html">Blog Full Width</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2602"><a href="blog_full_width_alternate.html">Full Width Alternate</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2752"><a href="blog_single.html">Blog Detail Page</a></li>
      </ul>
    </li>
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2603t"><a href="#">Portfolio</a>
      <ul class="sub-menu">
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2607"><a href="portfolio_style1.html">Portfolio style 1</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2604"><a href="portfolio_style2.html">Portfolio style 2</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2605"><a href="portfolio_style3.html">Portfolio Style 3</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2606"><a href="portfolio_style4.html">Portfolio style 4</a></li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2608"><a href="single_portfolio.html">Portfolio Detail Page</a></li>
      </ul>
    </li>
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2614   current-menu-parent current-menu-item"><a href="shortcodes.html">Shortcodes</a></li>
    <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2586"><a href="contact_us.html">Contact Us</a></li>
  </ul>
</div>

<!-- End Mobile Navigation -->

<div id="header_space"></div>
<header id="header">
  <section id="main_header_container">
    <div id="main_navigation">
      <div class="container">
        <div class="row-fluid">
          <div class="row-fluid">
            <div class="span12"> 
              
              <!-- logo -->
              
              <div class="logo-container"> <a href="#" id="logo" class="clearfix"><img src="images/logo.png" alt="Blandes"/></a> </div>
              <div id="toggle-menu"> <a class="toggle-menu" href="#"><i class="icon-list2"></i></a>
                <div class="clear"></div>
              </div>
              <div id="header-search-button"><a href="#"  class="search-button"><i class="icon-blandes-search"></i></a></div>
              <ul id="main_menu" class="main_menu">
                <li id="menu-item-2597" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2597 "><a href="#">Home</a>
                  <ul class="sub-menu">
                    <li id="menu-item-2591" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2591"><a href="index.html">Homepage Layout 1</a></li>
                    <li id="menu-item-2587" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2587"><a href="home_v2.html">Homepage Layout 2</a></li>
                    <li id="menu-item-2588" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2588"><a href="home_v3.html">Homepage Layout 3</a></li>
                    <li id="menu-item-2589" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2589"><a href="home_v4.html">Homepage Layout 4</a></li>
                  </ul>
                </li>
                <li id="menu-item-2596" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2596 "><a href="#">Pages</a>
                  <ul class="sub-menu">
                    <li id="menu-item-2592" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2592"><a href="about_us.html">About Us</a></li>
                    <li id="menu-item-2594" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2594"><a href="services.html">Services</a></li>
                    <li id="menu-item-2612" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2612"><a href="pricing_table.html">Pricing Table</a></li>
                    <li id="menu-item-2611" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2611"><a href="contact_us.html">Contact Us</a></li>
                  </ul>
                </li>
                <li id="menu-item-2598" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2598 "><a href="#">Blog</a>
                  <ul class="sub-menu">
                    <li id="menu-item-2599" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2599"><a href="blog_grid.html">Blog Grid</a></li>
                    <li id="menu-item-2753" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2753"><a href="blog_timeline.html">Blog Timeline</a></li>
                    <li id="menu-item-2600" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2600"><a href="blog_standard.html">Blog Standard</a></li>
                    <li id="menu-item-2615" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2615"><a href="blog_full_width.html">Blog Full Width</a></li>
                    <li id="menu-item-2602" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2602"><a href="blog_full_width_alternate.html">Full Width Alternate</a></li>
                    <li id="menu-item-2752" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2752"><a href="blog_single.html">Blog Detail Page</a></li>
                  </ul>
                </li>
                <li id="menu-item-2603" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2603 "><a href="#">Portfolio</a>
                  <ul class="sub-menu">
                    <li id="menu-item-2607" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2607"><a href="portfolio_style1.html">Portfolio style 1</a></li>
                    <li id="menu-item-2604" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2604"><a href="portfolio_style2.html">Portfolio style 2</a></li>
                    <li id="menu-item-2605" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2605"><a href="portfolio_style3.html">Portfolio Style 3</a></li>
                    <li id="menu-item-2606" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2606"><a href="portfolio_style4.html">Portfolio style 4</a></li>
                    <li id="menu-item-2608" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2608"><a href="single_portfolio.html">Portfolio Detail Page</a></li>
                  </ul>
                </li>
                <li id="menu-item-2614" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2614 current-menu-parent"><a href="shortcodes.html">Shortcodes</a></li>
                <li id="menu-item-2586" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2586"><a href="contact_us.html">Contact Us</a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  
  <!-- section search -->
  <section id="header-search-panel">
    <div class="container">
      <div class="row-fluid">
        <div class="search">
          <div>
            <form action="#" id="header-search-form" method="get">
              <a class="close" href="#"><i class="icon-blandes-remove"></i></a>
              <input type="text"  id="header-search" name="s" value="Search" autocomplete="off" />
              <!-- Create a fake search button --> 
              <span class="fake-submit-button"><i class="icon-blandes-search"></i>
              <input type="submit"  name="submit" value="submit" />
              </span>
            </form>
          </div>
        </div>
      </div>
    </div>
  </section>
</header>
<!-- End Header -->


<section id="titlebar" class="titlebar">
  <div class="container">
    <div class="row-fluid">
      <h1 class="">Shortcodes</h1>
      <div id="breadcrumbs"><span class="breadcrumb-title">You are Here :</span><span><a class="" href="#">Home</a></span><span class="divider"><i class="icon-arrow-right6"></i></span><span><a class="" href="#">Blog</a></span><span class="divider"><i class="icon-arrow-right6"></i></span><span>Shortcodes</span></div>
    </div>
  </div>
</section>

<!-- Section post -->
<section class="section">
  <div class="container">
    <div class="row-fluid">
      <h4 class="textuppercase textcenter" style="margin-bottom:15px">Toggles <span class="special_amp">&amp;</span> Tabs</h4>
      <div class="hr" style="margin-bottom:35px"></div>
      <div class="row-fluid">
        <div class="span6">
          <div class="inner-content">
            <div class="toggle" rel="1">
              <div class="toggle-title"><a href="#"><i class="icon-blandes-plus icon-blandes-plus-nav"></i>Fully Responsive layout</a></div>
              <div class="toggle-inner">Cras nibh odio, dictum ut tortor auctor, vulputate condimentum mi. Mauris non porta mi, vitae viverra magna. Phasellus eleifend interdum mattis. Sed nulla dui, gravida id tincidunt non, posuere ut elit  Nam sollicitudin pretium magna sit amet tincidunt. Curabitur urna lacus, bibendum porta justo id, luctus lacinia eros.</div>
            </div>
            <div class="toggle">
              <div class="toggle-title"><a href="#"><i class="icon-blandes-plus icon-blandes-plus-nav"></i>Retina Ready</a></div>
              <div class="toggle-inner">Cras nibh odio, dictum ut tortor auctor, vulputate condimentum mi. Mauris non porta mi, vitae viverra magna. Phasellus eleifend interdum mattis. Sed nulla dui, gravida id tincidunt non, posuere ut elit  Nam sollicitudin pretium magna sit amet tincidunt. Curabitur urna lacus, bibendum porta justo id, luctus lacinia eros.</div>
            </div>
            <div class="toggle">
              <div class="toggle-title"><a href="#"><i class="icon-blandes-plus icon-blandes-plus-nav"></i>Fully out of box solution</a></div>
              <div class="toggle-inner">Cras nibh odio, dictum ut tortor auctor, vulputate condimentum mi. Mauris non porta mi, vitae viverra magna. Phasellus eleifend interdum mattis. Sed nulla dui, gravida id tincidunt non, posuere ut elit  Nam sollicitudin pretium magna sit amet tincidunt. Curabitur urna lacus, bibendum porta justo id, luctus lacinia eros.</div>
            </div>
            <div class="toggle">
              <div class="toggle-title"><a href="#"><i class="icon-blandes-plus icon-blandes-plus-nav"></i>Advance Admin Panel</a></div>
              <div class="toggle-inner">Cras nibh odio, dictum ut tortor auctor, vulputate condimentum mi. Mauris non porta mi, vitae viverra magna. Phasellus eleifend interdum mattis. Sed nulla dui, gravida id tincidunt non, posuere ut elit  Nam sollicitudin pretium magna sit amet tincidunt. Curabitur urna lacus, bibendum porta justo id, luctus lacinia eros.</div>
            </div>
            <div class="toggle">
              <div class="toggle-title"><a href="#"><i class="icon-blandes-plus icon-blandes-plus-nav"></i>Easy to customize</a></div>
              <div class="toggle-inner">Cras nibh odio, dictum ut tortor auctor, vulputate condimentum mi. Mauris non porta mi, vitae viverra magna. Phasellus eleifend interdum mattis. Sed nulla dui, gravida id tincidunt non, posuere ut elit  Nam sollicitudin pretium magna sit amet tincidunt. Curabitur urna lacus, bibendum porta justo id, luctus lacinia eros.</div>
            </div>
            <div class="toggle">
              <div class="toggle-title"><a href="#"><i class="icon-blandes-plus icon-blandes-plus-nav"></i>500+ google font</a></div>
              <div class="toggle-inner">Cras nibh odio, dictum ut tortor auctor, vulputate condimentum mi. Mauris non porta mi, vitae viverra magna. Phasellus eleifend interdum mattis. Sed nulla dui, gravida id tincidunt non, posuere ut elit  Nam sollicitudin pretium magna sit amet tincidunt. Curabitur urna lacus, bibendum porta justo id, luctus lacinia eros.</div>
            </div>
          </div>
        </div>
        <div class="span6">
          <div class="inner-content">
            <div class="tabset tabs_style1 clearfix">
              <ul class="tabs clearfix">
                <li class="tab"><a href="#panel116351">Tab 1</a></li>
                <li class="tab"><a href="#panel116352">Tab 2</a></li>
                <li class="tab"><a href="#panel116353">Tab 3</a></li>
              </ul>
              <div class="panel tab-content" id="panel116351">Cras nibh odio, dictum ut tortor auctor, vulputate condimentum mi. Mauris non porta mi, vitae viverra magna. Phasellus eleifend interdum mattis.Lid est laborum dolo rumes fugats untras. cras nibh odio, dictum ut tortor auctor, vulputate condimentum mi. Mauris non porta mi, vitae viverra magna. Phasellus eleifend interdum mattis.Nam sollicitudin pretium magna sit amet tincidunt. Curabitur urna lacus, bibendum porta justo id, luctus lacinia eros Phasellus eleifend interdum mattis.Lid est laborum dolo rumes fugats untras.Phasellus eleifend interdum mattis.Lid est labor</div>
              <div class="panel tab-content" id="panel116352"> Cras nibh odio, dictum ut tortor auctor, vulputate condimentum mi. Mauris non porta mi, vitae viverra magna. Phasellus eleifend interdum mattis Cras nibh odio, dictum ut tortor auctor, vulputate condimentum mi. Mauris non porta mi, vitae viverra magna.Curabitur urna lacus, bibendum porta justo id, luctus lacinia eros Phasellus eleifend interdum mattis.Lid est laborum dolo rumes fugats untras.Phasellus eleifend interdum mattis.Lid est labor </div>
              <div class="panel tab-content" id="panel116353"> Cras nibh odio, dictum ut tortor auctor, vulputate condimentum mi. Mauris non porta mi, vitae viverra magna. Phasellus eleifend interdum mattis.Curabitur urna lacus, bibendum porta justo id, luctus lacinia eros Phasellus eleifend interdum mattis.Lid est laborum dolo rumes fugats untras.Phasellus eleifend interdum mattis.Lid est labor Curabitur urna lacus, bibendum porta justo id, luctus lacinia eros Phasellus eleifend interdum mattis.Lid est laborum dolo rumes fugats untras.Phasellus eleifend interdum mattis.Lid est labor </div>
            </div>
          </div>
        </div>
      </div>
      <h4 class="textuppercase textcenter" style="margin-bottom:15px">accordions , lists <span class="special_amp">&amp;</span> Buttons</h4>
      <div class="hr" style="margin-bottom:35px"></div>
      <div class="row-fluid">
        <div class="span6">
          <div class="inner-content">
            <div class="accordions">
              <div class="accordion" rel="1" >
                <div class="accordion-title"><a href="#"><i class="icon-blandes-plus icon-blandes-plus-nav"></i>Loaded with Awesome features</a></div>
                <div class="accordion-inner">Cras nibh odio, dictum ut tortor auctor, vulputate condimentum mi. Mauris non porta mi, vitae viverra magna. Phasellus eleifend interdum mattis.Lid est laborum dolo rumes fugats untras.</div>
                <div class="accordion-title" ><a href="#"><i class="icon-blandes-plus icon-blandes-plus-nav"></i>Fully Responsive layout</a></div>
                <div class="accordion-inner">Cras nibh odio, dictum ut tortor auctor, vulputate condimentum mi. Mauris non porta mi, vitae viverra magna. Phasellus eleifend interdum mattis.</div>
                <div class="accordion-title"><a href="#"><i class="icon-blandes-plus icon-blandes-plus-nav"></i>Retina Ready</a></div>
                <div class="accordion-inner">Cras nibh odio, dictum ut tortor auctor, vulputate condimentum mi. Mauris non porta mi, vitae viverra magna. Phasellus eleifend interdum mattis.</div>
                <div class="accordion-title"><a href="#"><i class="icon-blandes-plus icon-blandes-plus-nav"></i>Fully out of box solution</a></div>
                <div class="accordion-inner">Cras nibh odio, dictum ut tortor auctor, vulputate condimentum mi. Mauris non porta mi, vitae viverra magna. Phasellus eleifend interdum mattis.</div>
              </div>
            </div>
          </div>
        </div>
        <div class="span6">
          <div class="inner-content">
            <div class="row-fluid">
              <div class="span4">
                <div class="">
                  <ul class="styled-list style1">
                    <li><i class="icon-arrow-right8"></i>List item 1</li>
                    <li><i class="icon-arrow-right8"></i>List item 2</li>
                    <li><i class="icon-arrow-right8"></i>List item 3</li>
                    <li><i class="icon-arrow-right8"></i>List item 4</li>
                    <li><i class="icon-arrow-right8"></i>List item 5</li>
                  </ul>
                </div>
              </div>
              <div class="span4">
                <div class="">
                  <ul class="styled-list style2">
                    <li><i class="icon-arrow-right8"></i>List item 1</li>
                    <li><i class="icon-arrow-right8"></i>List item 2</li>
                    <li><i class="icon-arrow-right8"></i>List item 3</li>
                    <li><i class="icon-arrow-right8"></i>List item 4</li>
                    <li><i class="icon-arrow-right8"></i>List item 5</li>
                  </ul>
                </div>
              </div>
              <div class="span4">
                <div class="">
                  <ul class="styled-list style3">
                    <li><i class="icon-arrow-right8"></i>List item 1</li>
                    <li><i class="icon-arrow-right8"></i>List item 2</li>
                    <li><i class="icon-arrow-right8"></i>List item 3</li>
                    <li><i class="icon-arrow-right8"></i>List item 4</li>
                    <li><i class="icon-arrow-right8"></i>List item 5</li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="gap"></div>
            <a class="button button_small" href="#">Button Small</a> <a class="button" href="#">Button Default</a> <a class="button button_large" href="#">Button Large</a> </div>
        </div>
      </div>
      <h4 class="textuppercase textcenter" style="margin-bottom:15px">Typography </h4>
      <div class="hr" style="margin-bottom:35px"></div>
      <div class="row-fluid">
        <div class="span4">
          <div class="inner-content">
            <h1 class="textuppercase">This is Heading one</h1>
            <h2 class="textuppercase">This is Heading two</h2>
            <h3 class="textuppercase">This is Heading Three</h3>
            <h4 class="textuppercase">This is Heading Four</h4>
            <h5 class="textuppercase">This is Heading Five</h5>
            <h6 class="textuppercase" style="margin-bottom:0">This is Heading Six</h6>
          </div>
        </div>
        <div class="span4">
          <div class="inner-content"> <span class="dropcap">C</span>ras nibh odio, dictum ut tortor auctor, vulputate condimentum mi. Mauris non porta mi, vitae viverra magna. Phasellus eleifend interdum mattis.Lid est laborum dolo rumes fugats untras. cras nibh odio, dictum ut tortor auctor, vulputate condimentum mi. Mauris non porta mi, vitae viverra magna. Phasellus eleifend interdum mattis.Nam sollicitudin pretium magna sit amet tincidunt.Lid est laborum dolo rumes fugats untras. cras nibh odio, dictum ut tortor auctor, vulputate condimentum  Phasellus eleifend interdum mattis.Nam sollicitudin pretium magna sit amet tincidunt </div>
        </div>
        <div class="span4">
          <div class="inner-content"> <span class="dropcap style2">L</span>ras nibh odio, dictum ut tortor auctor, vulputate condimentum mi. Mauris non porta mi, vitae viverra magna. Phasellus eleifend interdum mattis.Lid est laborum dolo rumes fugats untras. cras nibh odio, dictum ut tortor auctor, vulputate condimentum mi. Mauris non porta mi, vitae viverra magna. Phasellus eleifend interdum mattis.Nam sollicitudin pretium magna sit amet tincidunt.Lid est laborum dolo rumes fugats untras. cras nibh odio, dictum ut tortor auctor, vulputate condimentum mi. Mauris non porta mi, vitae viverra magna vitae viverra magna. </div>
        </div>
      </div>
      <h4 class="textuppercase textcenter" style="margin-bottom:15px">Feature Box </h4>
      <div class="hr" style="margin-bottom:35px"></div>
      <div class="row-fluid ">
        <div class="span4">
          <div class="inner-content vertical-padding-large">
            <div class="feature_box  style2"> <span class="fontAwesomeIcon style1 "><i class="icon-blandes-settings"></i></span>
              <h3>Easy and Fun to Configure</h3>
              <p>Accusantium quam ultricies eget temp ide aliquam eget nibh et Maecen aliqum risus  semper ullamcorpe aliquam phasellu </p>
              <a class="readmore" href="#">Read More<i class="icon-arrow-right8"></i></a> </div>
          </div>
        </div>
        <div class="span4">
          <div class="inner-content  vertical-padding-large">
            <div class="feature_box  style2"> <span class="fontAwesomeIcon style1  "><i class="icon-blandes-megaphone"></i></span>
              <h3>Packed with Awesome Features</h3>
              <p>Accusantium quam, ultricies eget temp irev aliquam eget nibh et Maecen aliqum risus  semper ullamcorpe aliquam phasellu </p>
              <a class="readmore" href="#">Read More<i class="icon-arrow-right8"></i></a> </div>
          </div>
        </div>
        <div class="span4">
          <div class="inner-content  vertical-padding-large">
            <div class="feature_box  style2"> <span class="fontAwesomeIcon style1  "><i class="icon-blandes-diamond"></i></span>
              <h3>Out of the box solution</h3>
              <p>Accusantium quam, ultricies eget temp idr aliquam eget nibh et Maecen aliqum risus  semper ullamcorpe aliquam phasellu </p>
              <a class="readmore" href="#">Read More<i class="icon-arrow-right8"></i></a> </div>
          </div>
        </div>
      </div>
      <div class="gap"></div>
      <h4 class="textuppercase textcenter" style="margin-bottom:15px">Feature Box with Dividers </h4>
      <div class="hr" style="margin-bottom:35px"></div>
      <div class="row-fluid style2">
        <div class="span4">
          <div class="inner-content iconbox-container">
            <div class="feature_box style3"><span class="fontAwesomeIcon style1"><i class="icon-blandes-display"></i></span>
              <h3>Ultra Resposnsive Layout</h3>
              <p>Aenean fermentum lacinia turpis a pretium nteger viverra, dui non tempus pulvinar, arcu nulla res pretium leo, non ullamcorper augu</p>
            </div>
          </div>
        </div>
        <div class="span4">
          <div class="inner-content  iconbox-container ">
            <div class="feature_box style3"><span class="fontAwesomeIcon style1"><i class="icon-blandes-user"></i></span>
              <h3>Free life time updates</h3>
              <p>Aenean fermentum lacinia turpis a pretium nteger viverra, dui non tempus pulvinar, arcu nulla res pretium leo, non ullamcorper augu</p>
            </div>
          </div>
        </div>
        <div class="span4">
          <div class="inner-content  iconbox-container">
            <div class="feature_box style3"><span class="fontAwesomeIcon style1"><i class="icon-blandes-settings"></i></span>
              <h3>Easy to Customize</h3>
              <p>Aenean fermentum lacinia turpis a pretium nteger viverra, dui non tempus pulvinar, arcu nulla res pretium leo, non ullamcorper augu</p>
            </div>
          </div>
        </div>
      </div>
      <div class="gap"></div>
      <h4 class="textuppercase textcenter" style="margin-bottom:15px">Testimonials with Dividers </h4>
      <div class="hr" style="margin-bottom:35px"></div>
      <div class="row-fluid style2 testimonial-grid">
        <div class="span6 testimonial-grid-item">
          <div class="inner-content">
            <div class="testimonial"> <img class="author-avatar" src="images/testimonial.jpg" alt="Sam Mandis" >
              <blockquote> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor aenean massa Nulla  consequat massa quis enim Donec pede </blockquote>
              <div class="author-info"> <span class="name"> Sam mandis</span> <span class="divider">/</span> <span class="company">President of <a href="#" class="">example.com</a></span> </div>
            </div>
          </div>
        </div>
        <div class="span6 testimonial-grid-item">
          <div class="inner-content">
            <div class="testimonial"> <img class="author-avatar" src="images/testimonial.jpg" alt="Sara Mandis" >
              <blockquote> Lorem ipsum dolor sit amet, consectetuer adipiscing eli  Aene commodo ligula eget dolor aenean massa Nulla conse mass quis enim Donec pede justo In enim justo, rhoncus imperd  venenatis vitae justo. </blockquote>
              <div class="author-info"> <span class="name"> John Doe</span> <span class="divider">/</span> <span class="company"> Director of <a href="#" class="">example.com</a></span> </div>
            </div>
          </div>
        </div>
        <div class="span6 testimonial-grid-item">
          <div class="inner-content">
            <div class="testimonial"> <img class="author-avatar" src="images/testimonial.jpg" alt="Sam Mandis" >
              <blockquote>Lorem ipsum dolor sit amet, consectetuer adipiscing eli  Aene commodo ligula eget dolor aenean massa Nulla conse mass quis enim Donec pede justo In enim justo, rhoncus imperd  venenatis vitae justo.</blockquote>
              <div class="author-info"> <span class="name"> Jony doe </span> <span class="divider">/</span> <span class="company"> Co-founder of <a href="#" class="">example.com</a></span> </div>
            </div>
          </div>
        </div>
        <div class="span6 testimonial-grid-item">
          <div class="inner-content">
            <div class="testimonial"> <img class="author-avatar" src="images/testimonial.jpg" alt="Jane Doe" >
              <blockquote>Lorem ipsum dolor sit amet, consectetuer adipiscing eli  Aene commodo ligula eget dolor aenean massa Nulla conse mass quis enim Donec pede justo In enim justo, rhoncus imperd  venenatis vitae justo.</blockquote>
              <div class="author-info"> <span class="name">Jany Doe</span> <span class="divider">/</span> <span class="company"> CEO of <a href="#" class="">example.com</a></span> </div>
            </div>
          </div>
        </div>
      </div>
      <div class="gap"></div>
      <h4 class="textuppercase textcenter" style="margin-bottom:15px">clients Carousel</h4>
      <div class="hr" style="margin-bottom:35px"></div>
      <div class="clients-wrapper">
        <ul class="clients carousel-items" data-columns="6" data-autoplay="false">
          <li class="carousel-item"> <a class="" href="#"> <img src="images/00.png" alt="" > </a> </li>
          <li class="carousel-item"> <a class="" href="#"> <img src="images/00.png" alt="" > </a> </li>
          <li class="carousel-item"> <a class="" href="#"> <img src="images/00.png"  alt="" > </a> </li>
          <li class="carousel-item"> <a class="" href="#"> <img src="images/00.png" alt="" > </a> </li>
          <li class="carousel-item"> <a class="" href="#"> <img src="images/00.png" alt="" > </a> </li>
          <li class="carousel-item"> <a class="" href="#"> <img src="images/00.png"  alt=""> </a> </li>
          <li class="carousel-item"> <a class="" href="#"> <img src="images/00.png" alt=""> </a> </li>
          <li class="carousel-item"> <a class="" href="#"> <img src="images/00.png" alt="" > </a> </li>
          <li class="carousel-item"> <a class="" href="#"> <img src="images/00.png" alt=""> </a> </li>
        </ul>
      </div>
      <div class="gap"></div>
    </div>
  </div>
</section>
<footer id="footer">
  <div class="container">
    <div class="row-fluid">
      <div class="widget span3"> <img src="images/logo_white.png" width="97" height="16" alt="Blandes">
        <div class="gap"></div>
        <p>Lid est laborum dolo rumes fuga untras Etharums ser quidem rerum faci dolores nemis omnis fugats vitaes nemo minima Sed ut perspiciatis </p>
        <p> totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo </p>
      </div>
      <div id="recent-posts-3" class="widget widget_meta widget_recent_entries span3">
        <h4>Recent posts</h4>
        <ul>
          <li> <a href="#" title="In massa turpis ornare nec commodo">In massa turpis ornare nec commodo</a> <span class="post-date">July 1, 2013</span> </li>
          <li> <a href="#" title="Mauris vestibulum neque">Mauris vestibulum neque</a> <span class="post-date">July 1, 2013</span> </li>
          <li> <a href="#" title="sed aliquam justo dolor">Sed aliquam justo dolor</a> <span class="post-date">July 1, 2013</span> </li>
        </ul>
      </div>
      <div id="nav_menu-2" class="widget widget_meta widget_twitter span3">
        <h4>Recent Tweets</h4>
        <div class="recent-tweets">
          <ul>
            <li><span>Nemo enim ipsam voluptatem <a href="#">http://t.co/255sds4r5d</a> sit  aut odit sed <a href="#">http://t.co/255sds4r5d</a></span><br>
              <a class="" href="#">2 days ago</a></li>
            <li><span><a href="#">@lorel </a>Nemo enim ipsam <a href="#">http://t.co/255sds4r5d</a> aut odit</span><br>
              <a class="" href="#">9 days ago</a></li>
          </ul>
        </div>
      </div> <div id="portfolio-widget-2" class="widget widget_meta portfolios span3">
        <h4>Recent Work</h4>
        <div class="recent-works-items clearfix"> <a href="#" title="simple project with preview image" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="photo_01_v011" /> </a> <a href="#" title="simple project with preview video" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="photo_03_v011" /> </a> <a href="#" title="simple project with gallery" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="photo_08_v011" /> </a> <a href="#" title="simple project with image" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="photo_12_v011" /> </a> <a href="#" title="adipiscing nisi in nulla ornare" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="photo_20_v01" /> </a> <a href="#" title="consectetur adipiscing  Nulla posuere" class="hoverborder"> <img width="80" height="80" src="images/portfolio_thumbnail.jpg" class="attachment-mini wp-post-image" alt="Mountain bike" /> </a> </div>
      </div>
    </div>
  </div>
</footer>
<section id="copyright">
  <div class="container">
    <div class="row-fluid">
      <div class="row-fluid">
        <div class="copyright-text span4 pull-left"> blandus v1.0 by <a href='http://themeforest.net/user/bradweb'>bradwebs</a> </div>
        <div class=" textright span8 clearfix">
          <ul class="social-icons clearfix">
            <li> <a  class="twitter" href="http://www.twitter.com/#" target="_blank" title="Twitter"> <i class="icon-twitter"></i> </a> </li>
            <li> <a  class="flickr" href="#" target="_blank" title="Flickr"> <i class="icon-flickr"></i> </a> </li>
            <li> <a class="facebook" href="#" target="_blank" title="Facebook"> <i class="icon-facebook"></i> </a> </li>
            <li> <a class="dribbble" href="#" target="_blank" title="Dribbble"> <i class="icon-dribbble"></i> </a> </li>
            <li> <a class="linkedin" href="#" target="_blank" title="LinkedIn"> <i class="icon-linkedin"></i> </a> </li>
            <li> <a class="youtube" href="#" target="_blank" title="YouTube"> <i class="icon-youtube"></i> </a> </li>
            <li> <a class="rss" href="#" target="_blank" title="RSS"> <i class="icon-rss"></i> </a> </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- Javascript Files --> 
<script type="text/javascript" src="./js/plugins.js"></script> 
<script type="text/javascript" src="./js/caroufred.js"></script> 
<script type="text/javascript" src="./js/flexslider.js"></script> 
<script type="text/javascript" src="./js/isotope.js"></script> 
<script type="text/javascript" src="./js/main.js"></script>
</body>
</html>